﻿<div class="navigation">
    <ul class="nav nav-stacked">
        <li ng-repeat="menu in Menus" ng-class="{true:'active',false:''}[menu.Selected]">
            <a href="javascript:void(0)" class="menuLevel1" ng-click="menu_Click(menu,$index)" ng-switch="menu.IsShowChildren">
                <i class="material-icons iconLeft">{{menu.icon}}</i>
                <span>{{menu.title}}</span> 
                <i ng-switch-when="true" ng-show="{{menu.ChildMenus&&menu.ChildMenus.length>0}}" class="material-icons iconRight">keyboard_arrow_up</i> 
                <i ng-switch-when="false" ng-show="{{menu.ChildMenus&&menu.ChildMenus.length>0}}" class="material-icons iconRight">keyboard_arrow_down</i>
            </a>
            <ul class="nav nav-stacked" ng-show="menu.IsShowChildren">
                <li ng-repeat="child in menu.ChildMenus">
                    <a class="menuLevel2" ng-href="{{child.url}}"> 
                        <i ng-show="child.icon&&child.icon.length>0" class="material-icons">{{child.icon}}</i>
                        <span>{{child.title}}</span>
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</div>